html, body, div, span,
h1, h2, h3, h4, h5, h6, p,address,
fieldset, form,canvas,mark{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}

/*******************************************************************************
Theme Styles
*******************************************************************************/

html, body {
  width:100%; 
  height: 96%;
}

body {
  box-sizing: border-box;
  color:#373737;
  background: #ff0;
}
#main_content_wrap {
  height: 100%;
}
body, input, button {
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}


h1, h2, h3, h4, h5, h6 {
  background: #ff0;
  margin: 10px 0;
  font-weight: 700;
  color:#222222;
  font-family: western, Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}

h1 {
  font-size: 36px;
  font-weight: 700;
}

form {
  position:absolute;
  left:150px;
  top:72px;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.0);
}
#info {
  position:absolute;
  left:20px;
  top:420px;
  width:165px;
  height:170px;
  border:solid 1px;
  border-color:#CCFF99;
  background: rgba(144, 144, 81, 0.7);
}
#aa{
  width:80px;
  background: #cccc22;
}
#data{
  position:absolute;
  left:0px;
  top:95px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#car{
  position:absolute;
  left:0px;
  top:115px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#eval{
  position:absolute;
  left:0px;
  top:135px;
  width:150px;
  height:20px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#num{
  position:absolute;
  left:90px;
  top:0px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#img{
  position:absolute;
  left:0px;
  top:33px;
  width:60px;
  height:60px;
  border:solid 1px;
  border-color:#CCFF99;
  background: rgba(0, 0, 0, 0.0);
}
#dist1{
  position:absolute;
  left:80px;
  top:40px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#dist2{
  position:absolute;
  left:100px;
  top:60px;
  width:200px;
  color:#CCFF99;
  border:none;
  background: rgba(0, 0, 0, 0.0);
}
#nodir{
 color:#ffffff;
 background-color:#ff0000;
}
#pos {
position:absolute;
left:70%;
top:100px;
border:solid 1px;
background: #cccc99;
}
#lcode{
color:0000ff;
}
#code{
width:60px;
color:#0000ff;
background:#ffff00;
}
#find{
color:#0000ff;
background:#ff0;
}
#listo{
  position:absolute;
  left:98.2%;
  top:150px;
  visibility:hidden;
}
#listc{
position:absolute;right:380px;top:150px;visibility:hidden;}
#addr{
opacity:0;
}
#onload{position:absolute;right:98px;top:200px;width:154px;color:red;background:#F7F2E0}
#list{position:absolute;right:19px;top:150px;background:#f5ecce;border:solid 1px;bordercolor:#0000ff;width:360px;height:500px;visibility:hidden}
#lbl2{width:30px;background:#f5ecce;font-weight:bold;border:none;}
#drivers{width:350px;height:450px;background:#ffffff;>}
#refresh{position:relative;left:20px;top:412px;background:#F7F2E0}
#cancel{position:relative;left:140px;top:412px;background:#F7F2E0}
#signal{position:absolute;left:100px;top:118px;width:36px;height:34px;background:url('https://sites.google.com/site/taxilinesystem/home/i/signal.png');visibility:hidden;}
#lbl4{position:absolute;right:150px;top:90px;width:40px;color:#0000ff;font-wight:700;font-size:25px;}

#scroll { width: 350px;}
#scroll .viewport {position:absolute;right:20px;top:50px; width: 340px; height: 410px; overflow: hidden; }
#scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scroll .scrollbar{ background: transparent url(../i/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scroll .track { background: transparent url(../i/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scroll .thumb { background: transparent url(../i/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scroll .thumb .end { background: transparent url(../i/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scroll .disable { display: none; }
/*******************************************************************************
Full-Width Styles
*******************************************************************************/

.outer {
  width: 100%;
}

.inner {
  position: absolute;
  width: 99%;
  height:95%;
  padding: 0px 0px;
  margin: 0 auto;
}

#project_title {
  text-align:center;
  color: #00f;
  font-size: 24px;
  font-weight: 400;
}

#main_content_wrap {
  background: #f2f2f2;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}

#main_content {
  padding-top: 0px;
}

#geocomplete { width: 450px;}

.map_canvas {
  position absolute;
  top:15px; 
  width: 99%; 
  height: 88%; 
  margin: 10px 0 10px 0;
  border: 10px solid #FFF;
}
#btn1,#btn2,#btn3,#btn4,#btn5,#btn6,#btn7,#btn8,#btn9,#btn10{
position:relative;
left:10px;
width:9.6%;
height:24px;
color:#00b;
background:#ff0;
}
#msg{position:absolute;left:750px;top:92px;heigt:24px;width:560px;border:solid 1px;background:#e1e100;visibility:hidden}
#what{width:315px;}
#snd{background:#ffff00}

/*******************************************************************************
Small Device Styles
*******************************************************************************/

@media screen and (max-width: 480px) {
  body {
    font-size:14px;
  }


  .inner {
    min-width: 320px;
    max-width: 480px;
  }

  #project_title {
  font-size: 32px;
  }

  h1 {
    font-size: 28px;
  }

}
